import React, { useEffect, useRef } from "react";
import Scroll from "../../../baseUI/scroll";

import { Container } from './SecondaryMenuStyle'

const SecondaryMenu = () => {


  // const onScroll = () => {
  //   console.log('onScroll,1111111111111111');
  // }
  
  return (
    <Container>
      <Scroll direction={"horizental"} bounceLeft={false} bounceRight={false} >
        <div className="sonContainer">
          <div className="menu">
            <div className="title1">精选</div>
            <div className="title2">商品推荐</div>
          </div>
          <div className="menu">
            <div className="title1">手机</div>
            <div className="title2">探索黑科技</div>
          </div>
          <div className="menu">
            <div className="title1">家电</div>
            <div className="title2">数码电器</div>
          </div>
          <div className="menu">
            <div className="title1">特惠</div>
            <div className="title2">多买多省</div>
          </div>
          <div className="menu">
            <div className="title1">智能</div>
            <div className="title2">AI家居</div>
          </div>
          <div className="menu">
            <div className="title1">生活</div>
            <div className="title2">居家必备</div>
          </div>
        </div>
      </Scroll>
    </Container>
  )
}

export default SecondaryMenu